import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

import pxtovw from 'postcss-px-to-viewport'
import path from "path";

const loder_pxtovw=pxtovw({
  
  selectorBlackList:['.ignore-'],
  customFun: ({ file }) => {
    // console.log("aaaa")
    // console.log(file)
    // 这个自定义的方法是针对处理vant组件下的设计稿为375问题
    // 如果是 vantui 以 375 计算 vw 值 计算百分比 ===  37.5 --->10vw      10%
    //  自己写的 样式 以 750 计算                     37.5     5vw       5%
    const designWidth = path.join(file).includes(path.join("node_modules", "vant")) ? 375 : 750;
    console.log(designWidth)
    return designWidth;
    // return 750
  }
})

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue()
  ],
  css:{
    postcss:{
      plugins:[loder_pxtovw]
    }
  },
  resolve: {
    // 配置路径别名
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
})
